<%-- 
    Document   : index
    Created on : Mar 5, 2013, 8:58:23 AM
    Author     : ThanhTai
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/xml" prefix="x"%>
<html>
    <head>
        <script language="JavaScript">

            var imageList = new Array;
            var url = new Array;
            imageList[0] = new Image;   imageList[0].src = "images/slider-1.jpg";   url[0] = "images/slider-1.jpg";
            imageList[1] = new Image;   imageList[1].src = "images/slider-2.jpg";   url[1] = "images/slider-2.jpg";
            imageList[2] = new Image;   imageList[2].src = "images/slider-3.jpg";   url[2] = "images/slider-3.jpg";
            imageList[3] = new Image;   imageList[3].src = "images/slider-4.jpg";   url[3] = "images/slider-4.jpg";
            function rotateBanner(frameNumber) {
                document.banner.src = imageList[frameNumber].src;
                document.getElementById("bannerLink").href = url[frameNumber];
                var imageChoice = Math.floor(Math.random() * imageList.length);
                window.setTimeout("rotateBanner(" + imageChoice + ")",2000);
            }
        </script>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Index</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/xmlproject.js"></script>
    </head>
    <body onload="loadCart(); rotateBanner(0);">
        <div id="wrapper">
            <jsp:include page="indexHeader.jsp"></jsp:include>
            <div id="body">
                <div class="slide" id="slide">
                    <a id="bannerLink" href="#"><img src="images/slider-4.jpg" name="banner"></a>

                </div><!--End slide-->
                <div class="clear"></div>
                <div id="item-show">
                    <div id="top-sale-products">
                        <p class="title-event" style="color:#000000">
						Top Sale Products
                        </p>
                        <c:import url="xml/topSaleProducts.xml" charEncoding="UTF-8" var="xmldoc"/>
                        <c:import url="xsl/products.xsl" charEncoding="UTF-8" var="xsldoc"/>
                        <x:transform xml="${xmldoc}" xslt="${xsldoc}"/>
                    </div>
                    <div id="new-products">
                        <p class="title-event" style="color:#000000">
						New Products
                        </p>
                        <c:import url="xml/newProducts.xml" charEncoding="UTF-8" var="xmldoc1"/>
                        <c:import url="xsl/products.xsl" charEncoding="UTF-8" var="xsldoc1"/>
                        <x:transform xml="${xmldoc1}" xslt="${xsldoc1}"/>
                    </div>
                    
                </div><!--End item-show-->
            </div><!--End body-->
            <div id="fotter"><center>
                    <span> ﻿© 2023 by FPT_University. All rights reserved.</span></center>
            </div><!--End fotter-->
        </div><!--End wrapper-->
    </body>
</html>

